指引 Wayfinding / 反饋 Feedback(原則)
用夏威夷之旅為比喻逐一講解設計原則:
Wayfinding 指引
/37.jpg)
/30.jpg)
準備出發開始夏威夷之旅,離開出發地到達機場,當我們接近機場時,會看到各種各樣的標誌。標誌指引我們前往航站樓和登機口,錯誤方向時有指引修正,緊急情況有出口標識。導向系統幫助人在複雜環境中快速導航,確保安全與明確方向。機場需設計易懂、資訊清晰的導向系統。
/31.jpg)
/35.jpg)
/36.jpg)
應用介面也是人們導向系統,導航欄、內容區域、標籤欄等都是指引使用者的工具。
/48.jpg)
導航欄的標題和選中的標籤欄專案告訴使用者他們當前的位置。
/49.jpg)
內容區的標籤欄則告訴使用者他們可以去哪裡,以及附近有什麼。
/50.jpg)
簡潔易辨認的標籤欄圖示和易於理解的標籤,暗示使用者他們到達某處後會發現什麼。
/51.jpg)
返回按鈕提供了一條退出路徑,並幫助使用者識別他們在應用中的哪個區域。
/52.jpg)
思考與總結:
導向系統透過回答基本問題如
“我在哪兒?”
“我可以去哪裡?”
“到達後會發現什麼?”
“這附近有什麼?”
“我怎麼出去?” 幫助使用者感到安全。缺少這些資訊,會迷失方向。
每個介面都應回答這些問題,否則使用者會迷失。檢查你的應用,逐個介面審視:它們是否清楚指示使用者位置?是否提供去往其他地方的選項?如果某些介面沒能做到這些,還需改進。
/47.jpg)
反饋 Feedback
到達了夏威夷,我們要駕車前往酒店,為了安全,汽車提供的反饋必須清晰、即時且易於理解。
/56.jpg)
/60.jpg)
汽車提供了各種形式的反饋。狀態反饋告知汽車的執行情況。完成反饋確認操作成功或失敗。警告反饋提醒潛在問題。錯誤反饋說明操作引發的錯誤。
/64.jpg)
A Status 狀態反饋
汽車中的檔位,油量都是關鍵的狀態反饋資訊。
/66.jpg)
/68.jpg)
/69.jpg)
清晰直接地顯示狀態對於節省時間和幫助使用者避免犯錯至關重要。
在郵件應用中,未讀狀態指示器幫助使用者優先處理哪些郵件。
/72.jpg)
在日曆應用中,狀態指示器幫助使用者看到某人無法參加會議,並幫助他們決定是否需要重新安排。
/74.jpg)
在相機應用中,有三個元素可以讓使用者知道影片正在錄製中。紅點、遞增的時間碼、錄製按鈕的狀態。它們都告訴使用者,正在記錄一個珍貴卻稍縱即逝的瞬間。
/76.jpg)
B Completion 完成反饋
啟動了汽車,聽到引擎聲,感受震動,儀表盤亮起,表示準備就緒。換到前進檔時,透過觸覺感知檔位切換,駛出停車位時聽到車門自動鎖上。這些反饋確保一切正常,使我能專注於安全駕駛。
/78.jpg)
/79.jpg)
/82.jpg)
/83.jpg)
/84.jpg)
/85.jpg)
你應用中的每一個操作都應該提供某種形式的確認反饋,因為它是讓使用者知道他們的操作成功與否的必要手段。
Phone鎖屏時的聲音,
郵件被標記為未讀或刪除時的動畫。
確認反饋可以更加明顯。比如Apple Pay成功交易時的動畫和聲音。
C Warning 警告反饋
警告反饋提前告知潛在問題,如油量低、剎車片磨損、機油不足。透過狀態指示器、儀表盤、顯示屏、聲音等方式傳達。這些警告至關重要,確保安全並保護車輛。
/94.jpg)
/96.jpg)
D Errors 錯誤反饋
嘗試在沒油的情況下啟動汽車時,會收到錯誤資訊。錯誤讓人沮喪,最好透過警告和確認反饋來預防。
/98.jpg)
實時獲取這些反饋可以幫助使用者及時糾正,避免之後出現錯誤。
表單內聯驗證是一種非常好的技術,可及時告知使用者輸入值是否被接受。
/102.jpg)
可以嘗試推測使用者在犯錯時的意圖或想做的事情,然後採取合理的措施。
在新版的Things 3中,如果你輸入6月31日這個不存在的日期,應用程式不會直接報錯或顯示警告。它會自動將日期更正為7月1日。這是一個微妙但巧妙的設計,體現了非常人性化的考慮。
/103.jpg)
/104.jpg)
思考與總結:
清晰、及時、易於理解且資訊豐富的反饋是必不可少的。反饋回答了一些非常重要的問題:我能做什麼?剛剛發生了什麼?目前正在發生什麼?未來會發生什麼?
/109.jpg)
許多應用程式在反饋方面表現不佳,因為設計過程中往往關注靜態螢幕,忽略了隨著時間推進的互動體驗。良好的反饋如同與設計者對話。設計師透過反饋回答使用者未提的問題,告知使用者進展,並提供指導。
設計應用時,想象你在與使用者對話。如果你和他們在一個房間裡,你會如何交流?一個有效的技巧是讓未使用過你應用的人嘗試使用,並讓他們分享想法和困惑。然後,你向他們解釋應用的實際工作原理,指導他們注意要點。
之後,比較你所說的與應用傳達的內容,通常面對面的解釋比設計更清晰。這種交流可以填補設計中的空白,幫助你改進使用者體驗。